﻿<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="X-UA-Compatible" content="IE=9">
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta name="applicable-device" content="pc,mobile">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title>（自适应手机版）响应式户外露营设备类网站织梦模板</title>
  <meta name="description" content="（自适应手机版）响应式户外露营设备类网站织梦模板 - 秀站网 - Www.Xiuzhanwang.Com">
  <meta name="keywords" content="户外露营设备网站模版,野外探险装备网站源码">
  <link rel="stylesheet" href="/templets/q246/skin/css/animate.css">
  <link rel="stylesheet" href="/templets/q246/skin/css/owl.carousel.css">
  <link rel="stylesheet" href="/templets/q246/skin/css/owl.theme.css">
  <link rel="stylesheet" href="/templets/q246/skin/css/bootstrap.css">
  <link rel="stylesheet" href="/templets/q246/skin/css/reset.css">
  <link rel="stylesheet" href="/templets/q246/skin/css/css.css">
  <script src="/templets/q246/skin/js/jquery-1.11.3.js"></script>
  <script src="/templets/q246/skin/js/jquery.superslide.2.1.1.js"></script>
  <script src="/templets/q246/skin/js/owl.carousel.js"></script>
  <script src="/templets/q246/skin/js/bootstrap.js"></script>
  <script src="/templets/q246/skin/js/html5shiv.js"></script>
  <script src="/templets/q246/skin/js/respond.js"></script>
  <script src="/templets/q246/skin/js/global.js"></script>
  <script src="/templets/q246/skin/js/scrollreveal.js"></script>
  <script src="/templets/q246/skin/js/function.js"></script>
</head>
<body>
<!--右侧导航-->
<ul class="aside hidden-xs hidden-sm">
  <li>
    <p>
      <img src="/templets/q246/skin/images/aside1.png" alt="（自适应手机版）响应式户外露营设备类网站织梦模板" class="img1">
      <img src="/templets/q246/skin/images/aaside1.png" alt="（自适应手机版）响应式户外露营设备类网站织梦模板" class="img2">
    </p>
    <div class="phone_meassage">4008-888-888</div>
  </li>
  <li>
    <p>
      <img src="/templets/q246/skin/images/aside2.png" alt="（自适应手机版）响应式户外露营设备类网站织梦模板" class="img1">
      <img src="/templets/q246/skin/images/aaside2.png" alt="（自适应手机版）响应式户外露营设备类网站织梦模板" class="img2">
    </p>
    <div class="kuzx">
      <div class="kuzx_1">客服咨询</div>
      <div class="kuzx_2_box">
        <div class="kuzx_2">
          <a href="msgrd.html?v=3&amp;uin=78888888&amp;site=qq&amp;menu=yes"><i>
            <img src="/templets/q246/skin/images/head.png">
          </i>
            <span>在线咨询</span>
          </a>
        </div>
        <div class="kuzx_2">
          <a href="msgrd.html?v=3&amp;uin=78888888&amp;site=qq&amp;menu=yes"><i>
            <img src="/templets/q246/skin/images/head.png">
          </i>
            <span>前端咨询</span>
          </a>
        </div>
      </div>
    </div>
  </li>
  <li>
    <img src="/templets/q246/skin/images/aside5.png" class="img1">
    <img src="/templets/q246/skin/images/aaside5.png" class="img2">
    <div class="ewm">
      <img src="/templets/q246/skin/images/ew.jpg" width="100">
    </div>
  </li>
  <form name="formsearch" action="/plus/search.php" method="get">
    <li class="aside_search">
      <p>
        <button type="submit">
          <img src="/templets/q246/skin/images/aside6.png" class="img1">
          <img src="/templets/q246/skin/images/aaside6.png" class="img2">
        </button>
      </p>
      <div class="ss">
        <div class="search_input_box">
          <input type="text" name="q" names="请输入您的关键字">
          <span class="ss_placeholder">请输入您的关键字</span>
        </div>
      </div>
    </li>
  </form>
  <li id="goTopBtn">
    <img src="/templets/q246/skin/images/aside7.png" class="img1">
    <img src="/templets/q246/skin/images/aaside7.png" class="img2">
  </li>
</ul>
<!--手机弹出导航-->
<ul class="wrap_menu hidden-md hidden-lg">
  <li class="menu_close">x</li>
  <li>
    <a>快速导航</a>
  </li>
  <li class="menu_lists">
    <a href="index.htm">首页</a>
  </li>
  <li class="menu_lists">
    <a href="a/about/index.htm">关于我们</a>
    <div class="wrap_menu_2"></div>
  </li>
  <li class="menu_lists">
    <a href="javascript:void(0)" href="a/news/index.htm">新闻动态</a>
    <p class="right">+</p>
    <div class="wrap_menu_2">
      <a href="a/news/gsxw/index.htm"><i></i>
        <span>公司新闻</span>
      </a>
      <a href="a/news/hyxw/index.htm"><i></i>
        <span>行业新闻</span>
      </a>
    </div>
  </li>
  <li class="menu_lists">
    <a href="javascript:void(0)" href="a/products/index.htm">产品中心</a>
    <p class="right">+</p>
    <div class="wrap_menu_2">
      <a href="a/products/lyzp/index.htm"><i></i>
        <span>露营帐篷</span>
      </a>
      <a href="a/products/fcd/index.htm"><i></i>
        <span>防潮垫</span>
      </a>
      <a href="a/products/ydd/index.htm"><i></i>
        <span>营地灯</span>
      </a>
      <a href="a/products/lyd/index.htm"><i></i>
        <span>露营灯</span>
      </a>
    </div>
  </li>
  <li class="menu_lists">
    <a href="a/case/index.htm">案例展示</a>
    <div class="wrap_menu_2"></div>
  </li>
  <li class="menu_lists">
    <a href="a/message/index.htm">在线留言</a>
    <div class="wrap_menu_2"></div>
  </li>
  <li class="menu_lists">
    <a href="a/contact/index.htm">联系我们</a>
    <div class="wrap_menu_2"></div>
  </li>
</ul>
<!--手机弹出导航时，黑色屏罩-->
<div class="black_cloth hidden-lg hidden-md"></div>
<!--header-->
<div class="header">
  <div class="container">
    <div class="row clearfix">
      <div class="logo col-md-2 col-md-offset-5 col-sm-2 col-sm-offset-5  col-xs-4 col-xs-offset-4" data-scroll-reveal="enter left and move 150px over 1.5s">
        <a href="index.htm">
          <img src="/templets/q246/skin/images/logo.png">
        </a>
      </div>
      <div class="menu_icon right hidden-md hidden-lg">
        <img src="/templets/q246/skin/images/wap_bot1.png">
      </div>
    </div>
  </div>
</div>
<!--nav-->
<div class="nav">
  <div class="container">
    <div class="row">
      <div class="navList col-md-12 1 col-sm-12  hidden-xs ">
        <ul class="menu clearfix">
          <li class="nLi" style="width:14%">
            <a href="index.htm">首页</a>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/about/index.htm">关于我们</a>
            <ul style="display:none">
            </ul>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/news/index.htm">新闻动态</a>
            <ul class="menu2">
              <li>
                <a href="a/news/gsxw/index.htm">公司新闻</a>
              </li>
              <li>
                <a href="a/news/hyxw/index.htm">行业新闻</a>
              </li>
            </ul>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/products/index.htm">产品中心</a>
            <ul class="menu2">
              <li>
                <a href="a/products/lyzp/index.htm">露营帐篷</a>
              </li>
              <li>
                <a href="a/products/fcd/index.htm">防潮垫</a>
              </li>
              <li>
                <a href="a/products/ydd/index.htm">营地灯</a>
              </li>
              <li>
                <a href="a/products/lyd/index.htm">露营灯</a>
              </li>
            </ul>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/case/index.htm">案例展示</a>
            <ul style="display:none">
            </ul>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/message/index.htm">在线留言</a>
            <ul style="display:none">
            </ul>
          </li>
          <li class="nLi" style="width:14%">
            <a href="a/contact/index.htm">联系我们</a>
            <ul style="display:none">
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<link href="http://cdn.uuyis.com/js/swiper/swiper5.3.6.min.css" rel="stylesheet">
<script src="http://cdn.uuyis.com/js/swiper/swiper5.3.6.min.js" type="text/javascript"></script>
<style>
  .swiper-container {
    /*position: fixed;*/
    background-color: #000;
    width: 100%;
    /**/
  }
</style>
<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="uploads/180823/1-1PR3160201E4.jpg" alt="" width="100%" height="100%">
    </div>
    <div class="swiper-slide">
      <img src="uploads/180823/1-1PR3155S0W6.jpg" width="100%" height="100%">
    </div>
    <div class="swiper-slide">
      <img src="uploads/180823/1-1PR3155S0W6.jpg" width="100%" height="100%">
    </div>
  </div>
  <!-- 如果需要分页器 -->
  <div class="swiper-pagination"></div>
  <!-- 如果需要滚动条 -->
  <div class="swiper-scrollbar"></div>
</div>
<script>
  var mySwiper = new Swiper('.swiper-container', {
    autoplay: true,//等同于以下设置
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    speed: 1500,
    autoplay: {
      delay: 2000
    },
    effect: 'coverflow', //slide  fade  cube  flip  coverflow(需要设置slidesPerView: 3,centeredSlides: true,)
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      type: 'progressbar',
    },
    // 如果需要前进后退按钮
    // navigation: {
    //   nextEl: '.swiper-button-next',
    //   prevEl: '.swiper-button-prev',
    // },
    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })
</script>
<div class="pro">
  <div class="container">
    <div class="row clearfix">
      <div class="title clearfix">
        <div class="text right">
          <div class="bor" data-scroll-reveal="enter top and move 100px over 3s"></div>
          <h4 data-scroll-reveal="enter top and move 100px over 2s">PRODUCTS</h4>
          <h5 data-scroll-reveal="enter top and move 100px over 1s">产品中心</h5>
        </div>
        <!--<a href="a/products/index.htm" class="right">-->
        <!--  <img src="/templets/q246/skin/images/add.png">-->
        <!--</a>-->
      </div>
      <ul class="con clearfix">
        <li class="col-md-3 col-sm-3 col-xs-6" data-scroll-reveal="enter top and move 150px over 2s">
          <a href="a/products/fcd/44.html">
            <div class="img">
              <img src="uploads/allimg/180726/1-1PH6163524425.jpg">
            </div>
            <div class="model">
              <img src="/templets/q246/skin/images/pro2.png">
            </div>
            <p>产品名称9</p>
          </a>
        </li>
        <li class="col-md-3 col-sm-3 col-xs-6" data-scroll-reveal="enter top and move 150px over 2s">
          <a href="a/products/lyzp/4.html">
            <div class="img">
              <img src="uploads/allimg/180726/1-1PH6162914638.jpg">
            </div>
            <div class="model">
              <img src="/templets/q246/skin/images/pro2.png">
            </div>
            <p>产品名称2</p>
          </a>
        </li>
        <li class="col-md-3 col-sm-3 col-xs-6" data-scroll-reveal="enter top and move 150px over 2s">
          <a href="a/products/lyzp/3.html">
            <div class="img">
              <img src="uploads/allimg/180726/1-1PH6162Ta11.jpg">
            </div>
            <div class="model">
              <img src="/templets/q246/skin/images/pro2.png">
            </div>
            <p>产品名称1</p>
          </a>
        </li>
        <li class="col-md-3 col-sm-3 col-xs-6" data-scroll-reveal="enter top and move 150px over 2s">
          <a href="a/products/fcd/45.html">
            <div class="img">
              <img src="uploads/allimg/180726/1-1PH61632451R.jpg">
            </div>
            <div class="model">
              <img src="/templets/q246/skin/images/pro2.png">
            </div>
            <p>产品名称8</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--about-->
<div class="about">
  <!--<div class="about1" data-scroll-reveal="enter right and move 100px over 2s">-->
  <!--  <img src="/templets/q246/skin/images/about1.png">-->
  <!--</div>-->
  <!--<div class="aa11" data-scroll-reveal="enter right and move 100px over 2s">-->
  <!--  <img src="/templets/q246/skin/images/aa11.jpg">-->
  <!--</div>-->
  <!--<div class="about3" data-scroll-reveal="enter left and move 100px over 2s">-->
  <!--  <img src="/templets/q246/skin/images/about3.png">-->
  <!--</div>-->
  <div class="container">
    <div class="row">
      <div class="aboutCon clearfix">
        <div class="title">
          <div class="titleImg">
            <img src="/templets/q246/skin/images/about2.png">
          </div>
          <div class="bor" data-scroll-reveal="enter top and move 50px over 3.5s"></div>
          <h4 data-scroll-reveal="enter top and top 50px over 2.5s"></h4>
          <h5 data-scroll-reveal="enter top and top 50px over 1.5s">关于我们</h5></div>
        <div class="aboutConImg col-md-5 col-sm-5">
          <img src="/templets/q246/skin/images/about.png">
        </div>
        <div class="aboutText col-md-7 col-md-offset-0 col-sm-7 col-sm-offset-0 col-xs-12 clearfix">
          <p>　 合肥秀站网络科技有限公司创建于2017年，发展至今已有着丰富的网站建设经验，成立至今，已经成功为3000多家企事业单位和个人提 供了网站建设，网站推广等相关电子商务解决方案。 我们拥有一流的网站设计人员、顶尖的网站程序开发人员、专业的销售和服务人员，在强力的市场竞争和需求下，公司愿以最敏锐的洞察力、最高效的沟通力、最稳健的控制力和最先行的执行力、整合一切可利用资源帮助客户实现愿景和目标、与互联网信息化服务全方位接轨。公司以推动中国网络信息化为己任，凭借对专业、创新、诚信、务实、...</p>
          <a href="a/about/index.htm" class="left" data-scroll-reveal="enter right and top 150px over 1.5s">
            <img src="/templets/q246/skin/images/add.png">
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--new-->
<div class="new">
  <!--<div class="new1">-->
  <!--  <img src="/templets/q246/skin/images/new1.png">-->
  <!--</div>-->
  <!--<div class="new2">-->
  <!--  <img src="/templets/q246/skin/images/new2.png">-->
  <!--</div>-->
  <div class="container">
    <div class="row">
      <div class="news">
        <div class="title1">
          <div class="bor"></div>
          <h4>NEWS</h4>
          <h5>新闻动态</h5>
        </div>
        <div class="title clearfix">
          <h4>NEWS
            <span>新闻动态</span>
            <a href="a/news/index.htm" class="right">
              <img src="/templets/q246/skin/images/add.png">
            </a>
          </h4>
        </div>
        <ul class="clearfix">
          <li class="col-md-4 col-sm-6 col-xs-6" data-scroll-reveal="enter top and move 50px over 1.5s">
            <a href="a/news/gsxw/28.html">
              <div class="newImg">
                <div class="times">08-28</div>
                <img src="uploads/180828/1-1PRQFK3110.jpg">
              </div>
              <h4>户外露营的选择</h4>
              <p>首先是露营地的选择 1，选择营地要注意避免地质灾害易发的地...</p>
            </a>
          </li>
          <li class="col-md-4 col-sm-6 col-xs-6" data-scroll-reveal="enter top and move 50px over 1.5s">
            <a href="a/news/gsxw/27.html">
              <div class="newImg">
                <div class="times">08-28</div>
                <img src="uploads/180828/1-1PRQFQ0961.jpg">
              </div>
              <h4>春季自驾游要小心 做好充足预防准备</h4>
              <p>蜱虫俗称草爬子，是一种椭圆形小虫，它呈红褐色或灰褐色，长...</p>
            </a>
          </li>
          <li class="col-md-4 col-sm-6 col-xs-6" data-scroll-reveal="enter top and move 50px over 1.5s">
            <a href="a/news/gsxw/26.html">
              <div class="newImg">
                <div class="times">08-28</div>
                <img src="uploads/180828/1-1PRQFR6113.jpg">
              </div>
              <h4>露营必备物品大搜罗</h4>
              <p>帐篷：选择结构稳定、重量轻、抗风、防雨性能较强的双层帐篷...</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!--link-->
<div class="links">
  <div class="container">
    <div class="row">
      <ul class="clearfix col-md-10 col-md-offset-1 col-sm-12 col-sm-offset-0 " data-scroll-reveal="enter left and top 250px over 2s">
        <h4>友情链接：</h4>
        <li class="clearfix">
          <a href='index-1.htm' target='_blank'>腾讯</a>
          <span>|</span>
        </li>
        <li class="clearfix">
          <a href='index-2.htm' target='_blank'>百度</a>
          <span>|</span>
        </li>
        <li class="clearfix">
          <a href='index-3.htm' target='_blank'>阿里云</a>
          <span>|</span>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--copy-->
<div class="copy">
  <p> Copyright &copy; 响应式户外露营设备 版权所有 </p>
</div>
<!--手机端底部-->
<div class="pad hidden-lg hidden-md hidden-sm"></div>
<!--手机底部导航-->
<div class="wap_footer hidden-lg hidden-md hidden-sm">
  <dl class="navigation">
    <a>
      <dt>
        <img src="/templets/q246/skin/images/wap_bot1.png">
      </dt>
      <dd>导航</dd>
    </a>
  </dl>
  <dl>
    <a href="tel:4008-888-888">
      <dt>
        <img src="/templets/q246/skin/images/wap_bot2.png">
      </dt>
      <dd>电话</dd>
    </a>
  </dl>
  <dl>
    <a href="msgrd.html?v=3&uin=78888888&site=qq&menu=yes">
      <dt>
        <img src="/templets/q246/skin/images/wap_bot3.png">
      </dt>
      <dd>客服</dd>
    </a>
  </dl>
  <dl>
    <a class="w_searchButton">
      <dt>
        <img src="/templets/q246/skin/images/wap_bot6.png">
      </dt>
      <dd>搜索</dd>
    </a>
  </dl>
</div>
<!--手机搜索框-->
<div class="wap_search_input">
  <form name="formsearch" action="/plus/search.php">
    <input type="hidden" name="kwtype" value="0">
    <input type="text" name="q" placeholder="请输入搜索关键字">
    <p>
      <input style="border:0px;" type="submit" value="搜索">
    </p>
  </form>
</div>
</body>
</html>
